<!-- <nav id="nav">
    <div class="logo" (click)="goHome()">
        <i class="logoIcon"></i>
        <span class="title">
        <span  style="min-width: 80px;">创新微画布</span>
        <span class="sm-title">canvas</span>
        </span>
    </div>
</nav> -->

<nav id="nav">
    <div class="logo" routerLink="/" routerLinkActive="active">
        <i class="logoIcon"></i>
        <span class="title">创新微画布
            <span class="sm-title">canvas</span>
        </span>
    </div>
    <ul class="menu">
        <li *ngFor="let menu of menuList;let i=index" [class.active]="menu.address === activeMenu" (click)="goto(i)">{{menu.name}}</li>
    </ul>
    <div class="user">
        <!-- <div class="help">
            <img src="assets/img/home/icon-help.png" alt="">
          </div> -->
        <div *ngIf="!unlogin" class="avatar">
            <nz-dropdown [nzPlacement]="'bottomCenter'" [nzTrigger]="'click'">
                <nz-avatar [nzSrc]="usermsg.HeadPhotoPath" [nzSize]="'large'" nzIcon="anticon anticon-user" nz-dropdown></nz-avatar>
                <ul nz-menu nzSelectable style="margin-top: 21px;">
                    <li nz-menu-item class="about-li" (click)="logout()">
                        <img src="/assets/img/home/loginout.png" class="about-img" alt="" style="margin-right: 13px;">退出账号</li>
                </ul>
            </nz-dropdown>
        </div>
        <div style="display: flex;align-items: center;" *ngIf="unlogin">
            <button nz-button class="nav-btn" (click)="link('http://stdpassport.arktao.com/?returnURL=stucanvas.arktao.com')" nzType="default">登录</button>|
            <button nz-button class="nav-btn" (click)="link('http://stdpassport.arktao.com/register')" nzType="default">注册</button>
        </div>
    </div>
</nav>